{%extends "cms/base/base.html" %} {% block content %}
<link rel="stylesheet" type="text/css" href="/site_media/js/uploadify_31/uploadify.css" />
<style type="text/css">
<!--
ul,li{padding:0px; margin:0px; list-style:none;}
.s_photos{margin:25px 10px 0 45px; width:900px; overflow:hidden;}
.s_photos ul li{float:left; width:188px; border:#d4d4d4 1px solid; padding:5px; background:#ffffff;position:relative; margin:0px 20px 20px 0px;}
.s_photos_img{height:188px; overflow:hidden;}
.s_photos_text{line-height:24px; text-align:center; float:left; }
.s_links{margin-top:-20px;}
.s_links ul li{border-bottom:#9C9C9C 1px dashed; padding:20px 0px;}
.s_links_img{ border:#d4d4d4 1px solid; padding:4px; width:150px; height:80px; background:#ffffff; float:left;}
.s_links_text{width:400px; float:right; }
.s_links_text p{margin:0px; padding:0px;}
.s_links_t01 a{ font-weight:bold; text-decoration:none;}
.s_links_t03{line-height:20px; margin-top:10px;}
-->
</style>
<!-- start content -->
<div id="content">
{% load interceptwords %}
	<!--  start content-table-inner ...................................................................... START -->
	<div id="content-table-inner">
		<!--  start table-content  -->
		<div class="s_photos">
			{% if album_list %}
	         <ul>
	         	{% for album in album_list %}
	         		<li>
		                <div class="s_photos_img">
		                	{% if album.preview %}
			                	<img src="/site_photos/{{ album.preview }}" />
		                	{% else %}
		                		<img src="/site_media/images/pic.jpg" />
		                	{% endif %}
		                </div><!--img -->
		                <div class="s_photos_text">
		                	<a href="/admin/addPhotos/{{ album.album_id }}/">{{ album.description|interceptwords:"25" }}</a>
		                </div><!--text -->
		           </li>
	         	{% endfor %}
	         </ul>
	         {% endif %}
	         <div class="clear"></div>
	      </div><!--图 -->
		<!--  end table-content  -->
	</div>
	<!--  end content-table-inner ............................................END  -->
	<div class="clear">&nbsp;</div>
</div>
<!--  end content -->
{% endblock %}
